/* pages/index/index.wxss */
.container {
    overflow: auto;

    .img-item {
        width: 780rpx;
        height: 300rpx;

        &:nth-child(1) {
            background-color: red;
        }

        &:nth-child(2) {
            background-color: rgb(107, 206, 41);
        }

        &:nth-child(3) {
            background-color: rgb(54, 14, 201);
        }
    }

    .menuList {
        margin: 50rpx 0;


        .grid-item {
            height: 200rpx;
            border-radius: 20rpx;
            position: relative;
            .tag-admin{
                position: absolute;
                left: 0;
                top: 0;
            }
            // background-color: #f45359;
            .item {
                display: flex;
                align-items: center;

                .bg1 {
                    background-color: #E54D42;
                }

                .bg2 {
                    background-color: #333333;
                }

                .bg3 {
                    background-color: #F37B1D;
                }

                .bg4 {
                    background-color: #0081FF;
                }

                .image-item {
                    width: 40rpx;
                    height: 40rpx;
                    border-radius: 50%;
                    padding: 30rpx;
                    margin-right: 20rpx;
                    box-shadow: 0 1rpx 10rpx 1rpx rgba(0, 0, 0, 0.2);

                    .img {
                        width: 100%;
                        height: 100%;
                    }
                }

                .text-item {
                    width: 125rpx;

                    .title {
                        font-size: 34rpx;
                        font-weight: bold;
                        margin-bottom: 5rpx;
                    }

                    .desc {
                        font-size: 26rpx;
                        color: #C1C1C1;
                    }
                }

            }
        }

    }
}